@import "./sass/_variable.scss";

#feedback-form {
  .textAreaBox, .upload-img-box {
    background-color: #fff;
    margin-bottom: 10rem / $baseFontSize;
    color: #666;
    font-size: 14rem / $baseFontSize;
  }
  textarea {
    width: 100%;
    resize: none;
    box-sizing: border-box;
    padding: 5rem / $baseFontSize 15rem / $baseFontSize;
    line-height: 1.4;
    text-align: justify;
    color: inherit;
    font-family: 'Microsoft YaHei', Arial;
    border: none;
    font-size: 16rem / $baseFontSize;
  }
  .letterNum {
    line-height: 2;
    text-align: right;
    padding-right: 15rem / $baseFontSize;
  }
  .upload-img-box {
    font-size: 0;
    padding: 12rem / $baseFontSize 15rem / $baseFontSize;
    .add-imgBox, .btn-addImg {
      position: relative;
      display: inline-block;
      width: 60rem / $baseFontSize;
      height: 60rem / $baseFontSize;
      margin: 0 5rem / $baseFontSize 5rem / $baseFontSize 0;
      vertical-align: middle;
    }
    .add-imgBox {
      .ion {
        position: absolute;
        top: -4rem / $baseFontSize;
        right: -4rem / $baseFontSize;
        color: red;
        font-size: 16rem / $baseFontSize;
      }
      img {
        display: block;
        width: 100%;
        height: 100%;
      }
    }
    .btn-addImg {
      background: url("../images/add_img.png") no-repeat center;
      background-size: 100%;
    }
  }
}
